<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>margin:0 auto</title>
	<style type="text/css">
		
		*{
			padding: 0;
			margin: 0;
		}

		div{
			width: 780px;
			height: 50px;
			background-color: red;
			/*水平居中盒子*/
			margin: 0px auto;

			/*margin-left: auto;
			margin-right: auto;*/
			text-align: center;
			float: left;

		}

	</style>
</head>
<body>

	<!-- 
	1.使用margin: 0 auto;水平居中盒子 必须有width，要有明确width，文字水平居中使用text-align: center;

	2.只有标准流下的盒子 才能使用margin:0 auto; 
	当一个盒子浮动了，固定定位，绝对定位了，margin:0 auto; 不能用了

	3.margin：0 auto;居中盒子。而不是居中文本，文字水平居中使用text-align: center;
	 -->

	<div>
		文字
	</div>
	
</body>
</html>